{extend name="base"}
{block name="content"}

<div class="main_div">

						<div class="ty_box">
							<form class="form-inline" method="get">
							<div class="d_ty_head">
								<b class="e_d_t_title">虚拟卡列表<span>Card List</span></b>
								<div class="e_d_div">
									<div class="e_d_div">
										<div class="u_s_val">
											<select name="cate_id" class="u_s_v1">
												<option value="" {if $Think.get.cate_id=='' }selected{/if}>全部分类 </option> <!-- {foreach $categorys as $v} -->
												<option value="{$v.id}" {if $Think.get.cate_id==$v.id}selected{/if}>{$v.name} </option> <!-- {/foreach} -->
											</select>
										
										</div>
										<div class="u_s_val">
											<select name="goods_id" class="u_s_v1">
												<option value="" {if $Think.get.goods_id=='' }selected{/if}>全部商品 </option> <!-- {foreach $goodsList as $v} -->
												<option value="{$v.id}" {if $Think.get.goods_id==$v.id}selected{/if}>{$v.name} </option> <!-- {/foreach} -->
											</select>
										
										</div>
										<div class="u_s_val">
											<select name="status" class="u_s_v1">
												<option value="" {if $Think.get.status=='' }selected{/if}>全部状态 </option>
												<option value="1" {if $Think.get.status=='1' }selected{/if}>未售出 </option>
												<option value="2" {if $Think.get.status=='2' }selected{/if}>已售出
												 </option> 
											</select>
										
										</div>
										{if $Think.get.status==2} 
										<div class="searchs_div one">
											<div class="s_input">
												<i class="iconfont icon-chaxun"></i>
												<input type="text" placeholder="请输入订单号" value="{$Think.get.trade_no}" name="trade_no">
												
											</div>
										</div>
										<div class="searchs_div one">
											<div class="s_input">
												<i class="iconfont icon-chaxun"></i>
												<input type="text" placeholder="请输入联系方式" value="{$Think.get.contact}" name="contact">
												
											</div>
										</div>
										{/if}
										
									</div>
								</div>
							</div>
							</form>
							<div class="ty_b_add" onclick="window.location.href='/merchant/goods_card/add'">
								<i class="iconfont icon-plus"></i>添加卡密
							</div>
							<ul class="ty_b_list">
								<li class="ty_l_head">
									<div class="ty_l_d1"><input type="checkbox" id="select_all"></div>
									<div class="ty_l_d1" >商品分类</div>
									<div class="ty_l_d3" style="width: calc(100% - 1180px)">商品名称</div>
									<div class="ty_l_d3" >商品价格</div>
									<div class="ty_l_d1">卡号</div>
									{if $Think.get.status==2}
									<div class="ty_l_d3" style="width: 125px;">卡密</div>
									<div class="ty_l_d3" style="width: 100px;">状态</div>
									<div class="ty_l_d1" style="width: 125px;">创建时间</div>
									<div class="ty_l_d1" style="width: 125px;">售出时间</div>
									<div class="ty_l_d3" style="width:100px;">取卡密码</div>
									<div class="ty_l_d3" style="width:125px;">联系方式</div>
									{else/}
									<div class="ty_l_d3" style="width: 300px;">卡密</div>
									<div class="ty_l_d3" style="width: 100px;">状态</div>
									<div class="ty_l_d1" style="width: 300px;">创建时间</div>
									{/if}
									<div class="ty_l_d3">操作</div>
								</li>
								{foreach $cards as $v}
								<li class="ty_l_li">
									<div class="ty_l_d1"><input type="checkbox" value="{$v.id}"></div>
									<div class="ty_l_d1">{$v.goods.category.name}</div>
									<div class="ty_l_d3" style="width: calc(100% - 1180px)">{$v.goods.name}</div>
									<div class="ty_l_d3" ><i class="color_f">{$v.goods.price}</i>元</div>
									<div class="ty_l_d1">{$v.number}</div>
									
									{if $Think.get.status==2} 
									<div class="ty_l_d3" style="width: 125px;">{if $v.secret}{$v.secret}{else/}&nbsp;{/if}</div>
									<div class="ty_l_d3" style="width: 100px;">{if $v.status==2}<font color="green">已售出</font>{else/}未售出{/if}</div>
									<div class="ty_l_d1" style="width: 125px;">{$v.create_at|date="Y-m-d H:i:s",###}</div>
									 <?php $orderCard = \think\Db::name('order_card')->where(['card_id' => $v['id']])->find(); ?>
									<?php $order = \think\Db::name('order')->where(['id' => $orderCard['order_id']])->find(); ?>
									<div class="ty_l_d1" style="width: 125px;">
										{if $v.status==2}
											{if $v.sell_time}
											{$v.sell_time|date="Y-m-d H:i:s",###}
											{else/}
										    -
										    {/if}
										{else/}
										    未售出
										{/if}
									</div>
									<div class="ty_l_d5" style="width:100px;">
										{if $v.status==2}
										  {$order['take_card_password']}
										{else/}
										  未售出
										{/if}
									</div>
									<div class="ty_l_d5" style="width:125px;">
										{if $v.status==2}
										{$order['contact']}
									    {else/}
										未售出
										{/if}
									</div>
									{else/}
									<div class="ty_l_d3" style="width: 300px;">{if $v.secret}{$v.secret}{else/}&nbsp;{/if}</div>
									<div class="ty_l_d3" style="width: 100px;">{if $v.status==2}<font color="green">已售出</font>{else/}未售出{/if}</div>
									<div class="ty_l_d1" style="width: 300px;">{$v.create_at|date="Y-m-d H:i:s",###}</div>
									{/if}
									<div class="ty_l_d3" >
										{if $v.status==1}
										<a href="javascript:void(0);" class="ty_l_btn ty_l_delete t_btn_delete" data-id="{$v.id}">删除</a>
										{/if}
									</div>
								</li>
								{/foreach}
							</ul>
							<div class="ty_b_footer">
								<style>
								.pagination li{
									float: left; 
									margin-left: 10px;
									padding: 0 12px;
									border: 1px solid #eee;
									height: 30px;
									line-height: 28px;
									font-size: 12px;
									color: #c1c1ca;
									letter-spacing: 1px;
									cursor: pointer;
									border-radius: 2px;}
								.pagination li:hover,
								.pagination li.active {
									background-color: #9599f9;
									color: #fff;	
								}
								.pagination li.disabled {
									display: none;
								}	 
								</style>             
							<div id="page" class="page_div">
												{$page}
							</div>
						 </div>
						</div>
					</div>
<script>
$(function(){
	$(".test_body").addClass("goods_list");
	
	
	$(".page li").click(function(){
		window.location=$(this).children('a').attr("href");
	});
	
	$(".t_btn_delete").click(function(){
		var id=$(this).data("id");
		layer.open({
                content: "确定删除吗？删除的卡密将进入回收站！",
                btn: ['确定', '取消'],
                shadeClose: false,
                yes: function(){
				$.post('/merchant/goods_card/del', {id:id}, function (res) {
					if (res.code != 0) {
						layer.msg(res.msg, {time: 1000, icon: 5});
					} else {
						layer.msg("删除成功", {time: 1000, icon: 6}, function () {
							location.reload();
						});

					}
			    })
			   }
            });
	});
})
</script>
{/block}